import { createRouter, createWebHistory } from 'vue-router'
const router = createRouter({ 
  history: createWebHistory(import.meta.env.BASE_URL), 
  routes: [
    {
      path: '/',redirect: '/home',
      meta: { title: '首页' }
    },
    {
      path: '/home',
      component: () => import('../pages/Home.vue'),
      name: 'home',
      meta: { title: '首页 ', name: 'home', isTab: true }
    },
    {
      path: '/category',
      component: () => import('../pages/Category.vue'),
      name: 'category',
      meta: { title: '分类', isTab: true, isShowNav: true }
    },
    {
      path: '/message',
      component: () => import('../pages/Message.vue'),
      name: 'message',
      meta: { title: '消息', isTab: true, isShowNav: true }
    },
    {
      path: '/cart',
      component: () => import('../pages/Cart.vue'),
      name: 'cart',
      meta: { title: '购物车', isTab: true, isShowNav: true, isShowBack:
      true }
    },
    {
      path: '/user',
      component: () => import('../pages/User.vue'),
      name: 'user',
      meta: { title: '我的', isTab: true }
    },
    {
      path: '/login',
      component: () => import('../pages/Login.vue'),
      name: 'login',
      meta: { title: '登录', isTab: true, isShowNav: true, isShowBack: true }
    },
    {
      path: '/register',
      component: () => import('../pages/Register.vue'),
      name: 'register',
      meta: { title: '注册 ', isTab: true, isShowNav: true, isShowBack: true }
    },
    {
      path: '/goodslist/:category_id',
      component: () => import('../pages/GoodsList.vue'),
      props: true,
      name: 'goodslist',
      meta: { title: '商品列表', isTab: true, isShowNav: true, isShowBack: true }
    },
    {
      path: '/goodsDetail/:id',
      component: () => import('../pages/GoodsDetail.vue'),
      props: true,
      name: 'goodsDetail',
      meta: { title: '商品详情', isTab: false, isShowNav: true, isShowBack: true }
    },
    {
      path: '/purchase',
      component: () => import('../pages/Purchase.vue'),
      name: 'purchase',
      meta: { title: '购买', isTab: false, isShowNav: true, isShowBack: true }
    }, 
  ]
})
router.beforeEach((to, from, next) => {  
  const title = to.meta && to.meta.title
  if (title) {
    document.title = title + ' - 微商城 ' 
  }
  next() 
})
export default router